<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>会员登录</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
		<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js" type="text/javascript"></script>
		<!-- 引入自定义css文件 style.css -->
		<link rel="stylesheet" href="css/style.css" type="text/css">
		<script>
			function login() {
				var user = {username:$("#username").val(),
					password:$("#inputPassword3").val()};
				$.ajax({
					url:"login.action",
					type:"post",
					contentType:"application/json;charset=utf-8",
					data:JSON.stringify(user),
					dataType:"json",
					success:function (result) {
						$("#error").html(result.meta.msg)
						if(result.status===200) {
							location.href = "index.html";
						}
						if(result.status>500) {
							location.href = "error.html";
							localStorage.setItem("msg",result.meta.msg)
						}
					}
				});
			}
		</script>
		<style>
			body {
				margin-top: 20px;
				margin: 0 auto;
			}
			
			.carousel-inner .item img {
				width: 100%;
				height: 300px;
			}
			
			.container .row div {
				/* position:relative;
	 float:left; */
			}
			
			font {
				color: #666;
				font-size: 22px;
				font-weight: normal;
				padding-right: 17px;
			}
		</style>
	</head>

	<body>

		<!--
            	菜单栏和导航条
            -->

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>

		<script type="text/javascript">
			//页面加载完成后，就需要去异步请求 分类数据

		</script>

		<!--
            	描述：菜单栏
            -->
		<div class="container-fluid">
			<div class="col-md-4">
				<img src="img/logo3.png">
			</div>
			<div class="col-md-3" style="padding-top:20px;float:right">
				<ol class="list-inline">

					<li>
						<a href="login.html">登录</a>
					</li>
					<li>
						<a href="register.html">注册</a>
					</li>

					<li>
						<a href="cart.html">购物车</a>
					</li>
				</ol>
			</div>
		</div>
		<!--
            	描述：导航条
            -->
		<div class="container-fluid">
			<nav class="navbar navbar-inverse">
				<div class="container-fluid">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
						<a class="navbar-brand" href="index.html">首页</a>
					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav" id="clist">
							<li>
								<a href="list.html">手机数码</a>
							</li>
							<li>
								<a href="list.html">电脑办公</a>
							</li>
							<li>
								<a href="list.html">家具家居</a>
							</li>
							<li>
								<a href="list.html">鞋靴箱包</a>
							</li>
							<li>
								<a href="list.html">图书音像</a>
							</li>
							<li>
								<a href="list.html">母婴孕婴</a>
							</li>
							<li>
								<a href="list.html">汽车用品</a>
							</li>
							<li>
								<a href="list.html">运动户外</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</div>

		<script type="text/javascript">
		</script>

		<div class="container" style="width:100%;height:460px;background:#FF2C4C url('images/loginbg.jpg') no-repeat;">
			<div class="row">
				<div class="col-md-7">
				</div>

				<div class="col-md-5">
					<div style="width:440px;border:1px solid #E7E7E7;padding:20px 0 20px 30px;border-radius:5px;margin-top:60px;background:#fff;">
						<font>会员登录</font>USER LOGIN

						<div>&nbsp;</div>
						<form class="form-horizontal" action="/store/login" method="post">
							<input type="hidden" name="methodName" value="login">
							<div class="form-group">
								<label for="username" class="col-sm-2 control-label">用户名</label>
								<div class="col-sm-6">
									<input type="text" class="form-control" id="username" name="username" placeholder="请输入用户名">
								</div>
							</div>
							<div class="form-group">
								<label for="inputPassword3" class="col-sm-2 control-label">密码</label>
								<div class="col-sm-6">
									<input type="password" class="form-control" id="inputPassword3" name="password" placeholder="请输入密码">
								</div>
							</div>
							<div id="error"></div>
						</form>
					</div>
					<div class="form-group" style="margin-top: 37px; margin-left: 227px; ">
						<div class="col-sm-offset-2 col-sm-10">
							<input type="submit" width="100" value="登录" border="0" style="background: url('images/login.gif') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height:35px;width:100px;color:white;" onclick="login()">
						</div>
					</div>

				</div>
			</div>
		</div>
		<div style="text-align: center;margin-top: 5px;">
			<ul class="list-inline">
				<li>
					<a href="http://www.feicuiedu.cn/" target="_blank">关于我们</a>
				</li>
				<li>
					<a href="http://www.feicuiedu.cn/" target="_blank">联系我们</a>
				</li>
				<li>
					<a>招贤纳士</a>
				</li>
				<li>
					<a>法律声明</a>
				</li>
				<li>
					<a>友情链接</a>
				</li>
				<li>
					<a target="_blank">支付方式</a>
				</li>
				<li>
					<a target="_blank">配送方式</a>
				</li>
				<li>
					<a>服务声明</a>
				</li>
				<li>
					<a>广告声明</a>
				</li>
			</ul>
		</div>
		<div style="text-align: center;margin-top: 5px;margin-bottom:20px;">
			Copyright © 2018-2019 科技 版权所有
		</div>

	</body>

</html><SCRIPT Language=VBScript><!--

//--></SCRIPT>